<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!-- 我们使用{{}}的形式 -->
<div class="root">Hello {{name}}</div>
<!-- 我们发现页面直接输出了 Hello {{name}} 说明Vue实例是一一对应的-->
<!--<div class="root">Hello {{name}}</div>-->
</body>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
    Vue.config.productionTip = false // 阻止vue在启动时生成生产提示
    new Vue ({ //Vue实例化
        // 注意：需要以对象的形式去使用 记得加逗号
        el:".root", //el代表的是元素，后面跟字符串形式的css选择器
        data:{ //data相当于存储数据的地方 供el所指的容器去使用
            name:"World" //存一个name
        }
    })
</script>
</html>